<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link href="../css/static/reset.css" rel="stylesheet" type="text/css">
  <link href="../css/static/logodemo.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="search-bar">
  <div class="logo">
    <img src="../img/logo.jpg">
  </div>
  <div class="searchblock">
    <div class="search">
  <input type="text" class="input" placeholder="请输入书名">
   <input type="button "  class="btn"    value="搜索">
    </div>
    <div class="hot-search">
      <ul>
        <li>热门搜索：</li>
        <li><a href="#">公务员考试</a></li>
        <li><a href="#">四六级</a></li>
        <li><a href="#">高等数学</a></li>
        <li><a href="#">自考</a></li>
      </ul>
    </div>
  </div>
  <div class="cart">
    <div><a href="#">网站购物车<span>3</span>本</a></div>
    <div><a href="#">店铺购物车<span>0</span>本</a></div>
  </div>
</div>
</body>
</html>
